<template>
	<view>
		<view class="cart-goods">
			<view class="one" v-for="i in 7">
				<image
					src="https://tuan.lovecuxiao.com/Uploads/image/goods/2021-03-07/604466cadeb88.png?imageView2/2/w/180/h/180/ignore-error/1"
					mode="" class="logo"></image>
				<view class="goods-detail">
					<view class="">
						西周哈密瓜
					</view>
					<view class="change">
						<view style="color:#FF5344">￥55.2</view>
						<view class="add">
							<image src="../../static/icon-input-reduce.png" mode=""></image>
							<input type="text" value="" />
							<image src="../../static/icon-input-add.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.cart-goods {
		background-color: #fff;
		.one {
			padding: 30rpx 0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1px solid #efefef;

			.goods-detail {
				height: 180rpx;
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content: space-between;

				.change {
					display: flex;
					justify-content: space-between;

					.add {
						display: flex;
						width: 100px;

						input {
							width: 50rpx;
						}
					}

					image {
						width: 24px;
						height: 24px;
					}
				}
			}

			.logo {
				width: 180rpx;
				height: 180rpx;
				margin:0 20rpx;
			}
		}
	}

</style>
